<template>
	<div class="rightPannel-container">
		<Desciption url="@/assets/index/title/title.png" disableContent title="环境监测" class="serverList"></Desciption>
		<div class="centerServer pd-2 pdl-3 pdr-3">
			<EnvironmentalMonitoring></EnvironmentalMonitoring>
		</div>
		
		<Desciption url="@/assets/index/title/title.png" disableContent title="设备管理" class="serverList"></Desciption>
		<div class="centerServer pd-2 pdl-3 pdr-3">
			<DeviceManagement></DeviceManagement>
		</div>
		<Desciption url="@/assets/index/title/title.png" disableContent title="综合管养" class="DisNetStatis"></Desciption>
		<div class="objModel pd-2 pdl-3 pdr-3">
			<IntegratedManagement></IntegratedManagement>
		</div>
	</div>
</template>

<script lang="ts" setup>
	import EnvironmentalMonitoring from "./components/EnvironmentalMonitoring/EnvironmentalMonitoring.vue";
	import DeviceManagement from "./components/DeviceManagement/DeviceManagement.vue";
	import IntegratedManagement from "./components/IntegratedManagement/IntegratedManagement.vue";
	
    import {
        computed,
		ref,
		reactive
    } from "vue";
    import {useStore} from "vuex";
    const store = useStore()
    // const stateCode = computed(() => {
    //     return store.state.stateCode
    // })
	
</script>

<style scoped lang="scss">
	.rightPannel-container,
	.RightMain {
		color: #fff;
		.pd-2 {
			padding: 1.25em;
		}
		.pdl-3 {
			padding-left: 1.875em;
		}
		.pdr-3 {
			padding-right: 1.875em;
		}
		.objModel {
			height: 22.7em;
			background-image: url('@/assets/img/index/leftUp.png');
			background-size: 100% 100%;
		
			:deep(.content) {
				margin-top: 1.25em;
			}
		
			.modelPic {
				height: 41.25em;
				display: block;
				object-fit: cover;
			}
		
		// 	.models {
		// 		height: 41.25em;
		// 		width: 100%;
		// 		overflow: hidden;
		
		// 		>iframe {
		// 			width: 250%;
		// 			height: 250%;
		// 			transform: scale(1, 1);
		// 			transform-origin: left top;
		// 			margin-left: -1050px;
		// 			margin-top: -486px;
		// 		}
		// 	}
		}
		.centerServer {
			height: 14.5em;
			background-image: url('@/assets/img/index/leftCenter.png');
			background-size: 100% 100%;
		}
	}
</style>
